.lt-main {
  // 搜索栏
  .lt-search {
    width: 90%;
    height: 55px;
    display: flex;
    margin: 10px auto;
    input {
      flex: 8;
      height: 45px;
      border: 1px solid red;
      border-right: none;
    }
    button {
      flex: 2;
      height: 45px;
      background-color: red;
      border-left: none;
      font-size: 20px;
    }
  }
  /* 公共的商品样式 */
  .lt_product {
    padding: 10px;
    p {
      width: 40%;
      margin: 20px auto;
      text-align: center;
      font-size: 16px;
      color: rgb(233, 94, 94);
    }
  }
  .lt_product_item {
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
    width: 48%;
    margin-bottom: 10px;
    text-align: center;
  }
  .lt_product_item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .lt_product_item:nth-child(2n + 1) {
    margin-right: 4%;
  }
  .lt_product_item .info {
    text-align: left;
    height: 40px;
  }
  .lt_product_item .price {
    color: red;
  }
  .lt_product_item .oldPrice {
    text-decoration: line-through;
  }

  .lt_product_item img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
  }

  /* 公共的尺码样式 */
  .lt_size span {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 3px 0;
  }
  .lt_size span.current {
    background-color: orange;
    color: #fff;
  }

  .lt_sort {
    height: 30px;
    line-height: 30px;
    background-color: #eeeeee;
    font-size: 12px;
  }
  .lt_sort a {
    float: left;
    width: 25%;
    color: #666;
    text-align: center;
  }
  .lt_sort a.current {
    color: #ff8c00;
  }

  .loading {
    width: 80px;
    height: 80px;
    border: 4px solid red;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 260px;
    /* 使用动画: 动画名称 动画时间 动画次数 */
    /* infinite 无限次 */
    animation: rotate 1s infinite ease-in-out;
  }

  /* 定义动画 */
  @keyframes rotate {
    from {
      transform: translateX(-50%) rotate(0deg);
    }
    to {
      transform: translateX(-50%) rotate(360deg);
    }
  }
  // 历史记录
  .lt-history {
    width: 90%;
    margin: 10px auto;
    height: 45px;
    line-height: 45px;
    .history-head {
      border-bottom: 1px dotted red;
      a {
        color: red;
      }
    }
    ul {
      li {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        a {
          color: rgb(240, 108, 108);
          display: inline-block;
          width: 90%;
        }
        i {
          height: 45px;
          line-height: 45px;
          font-size: 26px;
          color: red;
        }
      }
    }
  }
}
